<template>
  <div class="zl-demo">
    <UsersList :item="item"></UsersList>
  </div>
</template>

<script>
// import { toRef, ref } from 'vue';
// import yunApi from './toolApi.js'
import UsersList from '@/components/UsersList.vue'
export default {
    name: 'zlZemuLeft',
    components: {
      UsersList
    },
    props: {
        // 监听值
        value: {
            type: Number,
            default: 10
        },
        // 监听对象值
        item: {
            type: Object,
            default: function() {
                return null
            }
        }
    },
    setup(props, context) {
      // 最多支持三级
      return {
      }
    },
    watch: {
        item: {
            handler(v) {
                this.init();
            },
            deep: true
        }
        // 监听value变化
        // value: {
        //     handler(v) {
        //         if (v === undefined) {
        //             return
        //         }
        //         this.modelValue = v
        //     },
        //     deep: true,
        //     immediate: true
        // },
        // // 监听modelValue变化
        // modelValue: {
        //     handler(v) {
        //         if (v === undefined) {
        //             return
        //         }
        //         this.$emit('update:modelValue', {
        //             value: v
        //         })
        //     },
        //     deep: true
        // }
    },
    emit: ['update:modelValue'],
    data() {
        return {
        }
    },
    methods: {
      init() {
      }
    },
    mounted() {
      // 监听事件、
      // yunApi.zl_onEvent('selectMenu', window, function(e) {
      //   console.log('监听事件', e)
      // })
    }
}
</script>

<style scoped lang="less">
  .zl-demo {
    min-width: 200px;
    height: 100%;
    border: 1px solid #888888;
  }
</style>
